<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>蓝白起始页</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="src/dist/css/font.css">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="src/plugins/fontawesome-free/css/all.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="src/dist/css/adminlte.min.css">
  <link rel="stylesheet" href="src/dist/css/newtab.css">
  <link rel="stylesheet" href="src/dist/css/switch.css">
  <link rel="stylesheet" href="src/dist/css/setting.css">
</head>

<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed">
  <!-- <body class="hold-transition dark-mode sidebar-mini layout-fixed layout-navbar-fixed"> -->
  <!-- <body class="hold-transition sidebar-mini layout-fixed"> -->
  <div class="wrapper">

    <!-- Navbar -->
    <nav class="main-header navbar navbar-expand navbar-white navbar-light" id="navbar">
      <!-- <nav class="main-header navbar navbar-expand navbar-dark"> -->
      <!-- Left navbar links -->
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" data-widget="pushmenu" href="#" role="button" id="pushmenu"><i
              class="fas fa-bars"></i></a>
        </li>
      </ul>
      <!-- 右侧菜单栏 -->
      <ul class="navbar-nav ml-auto">
        <li>
          <a class="nav-link" href="#">
            <label class="ui-switch" id="theme-switch">
              <input id="theme-switch-checkbox" type="checkbox">
              <div class="slider">
                <div class="circle"></div>
              </div>
            </label>
          </a>
        </li>
        <!-- 设置栏 -->
        <li class="nav-item">
          <a class="nav-link" data-widget="control-sidebar" data-controlsidebar-slide="true" href="#" role="button"
            id="setBtn">
            <i class="fas fa-cogs"></i>
          </a>
        </li>
      </ul>
    </nav>

    <!-- 消息提醒 -->
    <div id="message" class="alert alert-success alert-dismissible">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
      <h5><i class="icon fas fa-check"></i> 提醒</h5>
      <span id="message-content"></span>
    </div>

    <!-- Main Sidebar Container -->
    <!-- <aside class="main-sidebar sidebar-dark-primary elevation-4"> -->
    <aside class="main-sidebar sidebar-light-primary elevation-4 sidebar-loading" id="sidebar-aside">
      <!-- Brand Logo -->
      <a href="#" class="brand-link">
        <img src="images/蓝白阴阳鱼.png" alt="蓝白起始页" class="brand-image img-circle elevation-3" style="opacity: .8">
        <span class="brand-text font-weight-light">蓝白起始页</span>
      </a>

      <!-- Sidebar -->
      <div class="sidebar ">
        <nav class="mt-2">
          <ul class="nav nav-pills nav-sidebar" data-widget="treeview" role="menu" data-accordion="false"
            id="sidebar-ul">
          </ul>
        </nav>
      </div>
    </aside>



    <!-- 主体部分 -->
    <div class="content-wrapper">
      <!-- Main content -->
      <div class="content">
        <div class="container-fluid">
          <div class="row" id="content">

            <!-- 动态内容 -->
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 设置侧边栏 -->
  <div class="setting-sidebar" id="setSidebar">
    <div class="control-sidebar-content p-3">
      <h5><i class="fas fa-cogs m-1"></i>设置栏</h5>

      <hr class="mb-2">

      <h6>主题颜色</h6>
      <div class="d-flex">
        <select id="themeType" class="custom-select mb-3 text-light bg-white cus-btn">
          <option value="modernLight">现代浅色</option>
          <option value="modernDark">现代深色</option>
        </select>
      </div>

      <h6>网站打开方式</h6>
      <div class="d-flex">
        <select id="openType" class="custom-select mb-3 text-light bg-white cus-btn">
          <option value="currentTab">当前标签页打开</option>
          <option value="newTab">新标签页打开</option>
        </select>
      </div>

      <h6>常用区重置</h6>
      <div class="d-flex">
        <button type="button" class="btn btn-block cus-btn" id="clearSmartData">重置</button>
      </div>
    </div>

  </div>


  <!-- jQuery -->
  <script src="src/plugins/jquery/jquery.min.js"></script>
  <!-- Bootstrap 4 -->
  <script src="src/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  <!-- AdminLTE App -->
  <script src="src/dist/js/adminlte.min.js"></script>
  <!-- newtab -->
  <script src="src/dist/js/config.js"></script>
  <script src="src/dist/js/newtab.js"></script>
</body>

</html>